import * as React from 'react'
import {NavLink} from 'react-router-dom'
import './index.less'

class Tab extends React.Component {
 
  render() { 
    return ( 
      <nav className="footer">
        <NavLink exact to="/" activeClassName="active">
          <i className="iconfont icon-xingqiu"></i>
          <span>首页</span>
        </NavLink>
        <NavLink exact to="/mine" activeClassName="active">
          <i className="iconfont icon-react"></i>
          <span>商城</span>
        </NavLink>
        <NavLink exact to="/profile" activeClassName="active">
          <i className="iconfont icon-xiaolian"></i>
          <span>个人中心</span>
        </NavLink>
      </nav>
     );
  }
}
 
export default Tab ;